.accordion {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.accordionItemContainer:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-top: none;
}

.accordionItemContainer.open {
  flex: 1 1;
  min-height: 20%;
  display: flex;
  flex-direction: column;
}

.accordionItemContainer {
  border-top-width: 1px;
}

.accordionItemContainer:not(.open) {
  flex: 0 1 min-content;
}

.accordionItemContainer .header {
  background: white;
  cursor: pointer;
  font-size: 15px;
  line-height: 1.25;
  padding: 8px;
  position: sticky;
  top: 0;
  z-index: 10;
}

.content:not(.open) {
  height: 0;
  overflow: hidden;
}

.content.open {
  height: 100%;
  overflow-y: auto;
}
